<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="9"> <![endif]-->
<!--[if gt IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Student Life : Homepage</title>
<!-- * styles * -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style-menu.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css?v=2.1.5" media="screen" />
</head>

<body>
	<!-- * home template container  * -->
	<div class="inner-page clearfix">
    	<!-- * header  * -->
    	<div class="header clearfix">
        	<!-- * center container  * -->
        	<div class="wrapper clearfix">
            	<!-- * logo  * -->
            	<h1 class="logo">
                    <a href="home.html">
                        Student life Department 
                        <span></span>
                    </a>
            	</h1>
                
            	<a href="home.html" class="header-name"></a>
                <!-- * SEARCH  * -->
                <div class="search">
            		<input type="text" value="Search..." placeholder="Search..." />
                	<input type="submit" value="" />
            	</div>
            </div>
            <!-- * header  * -->
        </div>
        
        <!-- * navigation bar  * -->
        <div class="nav">
            <div class="wrapper clearfix">                                                        
                <ul class="dropdown">
                <li><a href="home.html">HOME</a></li>
                <li><a href="#">About Us</a>
                    <ul class="sub_menu">
                         <li><a href="about_us.html">About student life</a></li>
                         <li><a href="about_regulations.html">Regulations </a></li>                         
                    </ul>
                </li>
                <li><a href="#">student Clubs </a>
                    <ul class="sub_menu">
                         <li>
                         	<a href="#">Artistic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Social Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Cultural Clubs </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Athletic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Student Union </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Mission</a></li>
                            	<li><a href="clubs_overview.html">Vision</a></li>
                                <li><a href="clubs_overview.html">Regulations</a></li>
                                <li><a href="clubs_overview.html">Student Union structure</a></li>
                            </ul>
                         </li>
                    </ul>
                </li>
                <li><a href="calendar_table_view.html">calendar </a></li>
                <li><a href="news.html">News and Events </a></li>
                <li><a href="about_us.html">workshops</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact_us.html">contact</a></li>            
            </ul>
            </div>
        </div>
        <!-- * inner  Content * -->
        <div class="wrapper inner-wrapper">
        	<!-- * innaer page main column * -->
            
            <div class="gallery">
            	<div class="breadcrumb clearfix">
                	<ul>
                    	<li>
                        	<a href="#">
                            	<span class="home-icon"></span>
                                Home
                            </a>
                        </li>
                        <li>
                        	<a href="#">About student life </a>
                        </li>
                    </ul>
                </div>
                <div class="social-media clearfix">
                	<a href="#" class="facebook"></a>
                    <a href="#" class="twitter"></a>
                    <span>Join the Social Media</span>
                </div>
                
                <div class="gallery-wrapper">
                	<h2>
                    	Photo Gallery
                        <span class="page-actions">
                        	<a href="pdf/Identity.pdf" class="pdf"></a>
                        	<a href="print_preview.html" class="print"></a>
                            <a href="mailto:info@fue.edu.eg" class="mail"></a>
                        </span>
                    </h2>
                    <div class="side-menu">
                    	<h4 class="active"><a href="#">Studnt Life </a>
                        
                        <ul>
        	                	<li class="clearfix">
            	                	<a href="gallery.html">Black & White Club</a>
    	                        </li>
                                <li class="clearfix">
            	                	<a href="gallery.html">Hand Craft Club</a>
    	                        </li>
                                <li class="clearfix">
            	                	<a href="gallery.html">Magic Hand Club</a>
    	                        </li>
                                <li class="clearfix">
            	                	<a href="gallery.html">Photographer Club</a>
    	                        </li>
                                <li class="clearfix">
            	                	<a href="gallery.html">Portrait Club</a>
    	                        </li>
	                        </ul>
                        </h4>
                        
                        




                        
                        <h4 >
                        	<a href="gallery.html">Regulations</a>
                            
                        </h4>
                        
                        <h4>
                        	<a href="gallery.html">Photo Gallery</a>
                            
                        </h4>
                        <h4><a href="gallery.html">Club Categories</a></h4>
                        <h4><a href="gallery.html">Club Gallery</a></h4>
                  </div>
                  <div class="gallery-container">
                  	<h3>Workshops</h3>
                    
                    
                    <div id="slider" class="flexslider">
                <div class="black-bar"></div>
                <div class="slider-counter">
                	<span class="index"></span>
                    <span class="total"></span>
                </div>
          		<ul class="slides">
            	<li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>

				<li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>

				<li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_001.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_001.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                <li class="current-slide">
  	    	    	<a class="fancybox" href="images/gallery_002.jpg" data-fancybox-group="gallery" title="">
                    	<img src="images/gallery_002.jpg" />
                        <div class="black-mask">
                    	Student life Department would like to be among
                    </div>
                    </a>
                    
  	    		</li>
                                
                
          </ul>
        </div>
        
        <div id="carousel" class="flexslider">
              	<ul class="slides">
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_001.jpg" />
  	    		</li>
                <li>
  	    	    	<img src="images/gallery_002.jpg" />
  	    		</li>
  	    		
          </ul>
        </div>
                  </div>
                </div>
            </div>
            
            <!-- * footer * -->
            <div class="footer">
            	<div class="footer-list">
                	<div class="copyright">
                    	Copyright &copy; 2013 Future University in Egypt - Student Life Department
                    </div>
                    <ul>
                    	<li>
                        	<a href="home.html">
                            	Home
                            </a>
                        </li>
                        <li>
                        	<a href="about_us.html">
                            	About Us
                            </a>
                        </li>
                        <li>
                        	<a href="news.html">
                            	News & Events
                            </a>
                        </li>
                        <li>
                        	<a href="contact_us.html">
                            	Contact Us
                            </a>
                        </li>
                        
                    </ul>
                </div>
                <!-- will open university main website --> 
                <a href="#" class="footer-logo"></a>
            </div>
        </div>
        
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.dropdownPlain.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script src="js/jquery.fancybox.js"></script>
</body>
</html>
